<!DOCTYPE html>
<html>
<head>
    <title>LUI组件库</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="keywords" content=""/>
    <meta name="description" content="" />
    <link rel="icon" href="images/icon/lui.png">
    <link rel="stylesheet" type="text/css" href="css/lui.css" />
</head>
<body>
    <div class="ui_page_wrap">
        <header class="ui_page_hd"><a href="javascript:history.go(-1);" class="ui_back"></a>网格/宫格</header>
        <div class="ui_page_bd">
            <p class="ui_con_block">
                网格之美，主页入口。
            </p>
            <section class="ui_grid mb15">
                <div class="ui_row">
                    <div class="ui_col_4">
                        <a href="#">
                            <img class="grid_icon" size="lg" src="images/check_1.png">
                            <p>首页</p>
                        </a>
                    </div>
                    <div class="ui_col_4">
                        <a href="#">
                            <img class="grid_icon" size="lg" src="images/check_2.png">
                            <p>我的</p>
                        </a>
                    </div>
                    <div class="ui_col_4">
                        <a href="#">
                            <img class="grid_icon" size="lg" src="images/check_3.png">
                            <p>好车</p>
                        </a>
                    </div>
                    <div class="ui_col_4">
                        <a href="#">
                            <img class="grid_icon" size="lg" src="images/check_4.png">
                            <p>荣誉</p>
                        </a>
                    </div>
                </div>
            </section>
            <section class="ui_grid ui_grid_border mb15">
                <div class="ui_row">
                    <div class="ui_col_3">
                        <a href="#">
                            <img class="grid_icon" size="md" src="images/cat_01.png">
                            <p>EAP心关爱</p>
                        </a>
                    </div>
                    <div class="ui_col_3">
                        <a href="#">
                            <img class="grid_icon" size="md" src="images/cat_02.png">
                            <p>保卫小贴士</p>
                        </a>
                    </div>
                    <div class="ui_col_3">
                        <a href="#">
                            <img class="grid_icon" size="md" src="images/cat_03.png">
                            <p>好吃有营养</p>
                        </a>
                    </div>
                    <div class="ui_col_3">
                        <a href="#">
                            <img class="grid_icon" size="md" src="images/cat_04.png">
                            <p>沪外之声</p>
                        </a>
                    </div>
                </div>
            </section>
            <section class="ui_grid ui_grid_border mb15">
                <div class="ui_row">
                    <div class="ui_col_6">
                        <a href="#">
                            <img class="grid_icon" size="md" src="images/cat_01.png">
                            <p>EAP心关爱</p>
                        </a>
                    </div>
                    <div class="ui_col_6">
                        <a href="#">
                            <img class="grid_icon" size="md" src="images/cat_02.png">
                            <p>保卫小贴士</p>
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>
</body>
</html>